<!doctype html>
<html lang="zh-CN">
<head>
    <title>填写出租信息</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/house.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/house.ico">
    <link rel="apple-touch-icon-precomposed" sizes="512x512" href="images/house.ico">
    <link rel="shortcut icon" href="images/house.ico">

    <link rel="stylesheet" href="plugins/bootstrap/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/base.css"/>
    <link rel="stylesheet" href="css/base.css"/>
    <link rel="stylesheet" href="css/loaders.min.css"/>
    <link rel="stylesheet" href="css/loading.css"/>
    <link rel="stylesheet" href="css/style.css"/>

    <script src="plugins/jquery.min.js"></script>
    <script src="plugins/bootstrap/js/bootstrap.min.js"></script>
    <script src="plugins/bootstrap-fileupload/fileinput.min.js"></script>
    <script src="plugins/bootstrap-fileupload/locales/zh.js"></script>
    <script src="js/rent-store.js"></script>
    <style>
    </style>
</head>
<!--loading页开始-->
<div class="loading">
    <div class="loader">
        <div class="loader-inner pacman">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
</div>
<body>
<!--<header>
    <a href="javascript:history.go(-1)">
        <i class="icon-arrow-l fl"></i>
    </a>
    <div>填写库房信息</div>
    <div class="clear"></div>
</header>-->
<section class="logo-license">
    <div class="half">
        <div class="uploading-img horizontal-list">
            <ul>
                <li>
                    <div class="uploading-imgBg">
                        <img id="imgadd-1" class="upload_image" src="images/imgadd.png"/>
                        <button class="removeBtn none" onclick="removeImg('imgadd-1')" id="rm-imgadd-1">X</button>
                    </div>
                </li>
                <li>
                    <div class="uploading-imgBg">
                        <img id="imgadd-2" class="upload_image" src="images/imgadd.png"/>
                        <button class="removeBtn none" onclick="removeImg('imgadd-2')" id="rm-imgadd-2">X</button>
                    </div>
                </li>
                <li>
                    <div class="uploading-imgBg">
                        <img id="imgadd-3" class="upload_image" src="images/imgadd.png"/>
                        <button class="removeBtn none" onclick="removeImg('imgadd-3')" id="rm-imgadd-3")">X</button>
                    </div>
                </li>
            </ul>
            <p>图片需要小于1mb</p>
            <p></p>
        </div>
    </div>
    <div class="half">
        <div class="uploader blue">
            <a class="license">
                <img id="img-1" src="images/logo_n.png"/>
            </a>
            <input id="file0" class="file-3" type="file" size="30" onchange="setImagePreview(this);" multiple accept="image/*" />
            <p>上传库房照片</p>
        </div>
        <div class="yulan">
            <img src="" id="img0">
            <div class="enter">
                <button class="btn-2 fl">取消</button>
                <button class="btn-3 fr">确定</button>
            </div>
        </div>
    </div>
    <div class="clear"></div>
</section>

<article class="htmleaf-container">
    <div id="clipArea"></div>
    <div class="foot-use">
        <div class="uploader1 blue">
            <input type="button" name="file" class="button" value="打开"/>
            <input id="file" type="file" onchange="setImagePreview();" accept="image/*" multiple/>
        </div>
        <button id="clipBtn">截取</button>
    </div>
    <div id="view"></div>
</article>

<article class="info">
    <ul>
        <li>
            <div class="left">您的姓名:</div>
            <div class="right"><input placeholder="我们如何称呼您"></div>
            <div class="clear"></div>
        </li>
        <li>
            <div class="left">手机号码:</div>
            <div class="right"><input placeholder="我们会及时和您取得联系"></div>
            <div class="clear"></div>
        </li>
        <li>
            <div class="left">库房位置:</div>
            <div class="right"><input placeholder="请输入库房所在地"></div>
            <div class="clear"></div>
        </li>
        <li>
            <div class="left">库房面积:</div>
            <div class="right"><input placeholder="请输入库房面积 ">/ ㎡</div>
            <div class="clear"></div>
        </li>
        <li>
            <div class="left">意向租金:</div>
            <div class="right"><input placeholder="例如 500">元/㎡/天</div>
            <div class="clear"></div>
        </li>
        <li>
            <div class="left">
                库房信息:
            </div>
            <div class="right">
                <div class="mask"></div>
                <div id="divselect">
                    <small>请选择库房分类</small>
                    <ul class="all">
                        <li><a href="javascript:;">普通库</a></li>
                        <li><a href="javascript:;">冷冻库</a></li>
                    </ul>
                </div>
                <input name="" type="hidden" value="" id="inputselect"/>
            </div>
            <div class="right second">
                <div class="mask"></div>
                <div id="divselectx">
                    <small>请选择平台</small>
                    <ul class="all">
                        <li><a href="javascript:;">平台</a></li>
                        <li><a href="javascript:;">高台</a></li>
                    </ul>
                </div>
                <input name="" type="hidden" value="" id="inputselectx"/>
            </div>
            <div class="clear"></div>
        </li>
    </ul>
</article>
<!-- modal -->
<div class="modal fade modal-result" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="bottom clearfloat box-s">
                    <div class="login-dui clearfloat">
                        <p class="picture">
                            <img src="images/dui.png"/>
                        </p>
                        <p class="tip">
                            恭喜您，委托成功！
                        </p>
                        <p class="fu-tit">
                            请保持所填号码手机的通话畅通状态，我们的客服将会在48小时内与您取得联系。
                        </p>
                    </div>
                    <div class="modal-footer">
                        <input type="button" name="" id="" data-dismiss="modal" value="好的，我知道了" class="btn-ok"/>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<article class="btn-1">
    <button class="btn btn-lg btn-info" data-toggle="modal" data-target=".modal">确认提交</button>
</article>
<script type="text/javascript">
    $(function () {
        jQuery.divselect = function (divselectid, inputselectid) {
            var inputselect = $(inputselectid);
            $(divselectid + " small").click(function () {
                $("#divselect ul").toggle();
                $(".mask").show();
            });
            $(divselectid + " ul li a").click(function () {
                var txt = $(this).text();
                $(divselectid + " small").html(txt);
                var value = $(this).attr("selectid");
                inputselect.val(value);
                $(divselectid + " ul").hide();
                $(".mask").hide();
                $("#divselect small").css("color", "#333")
            });
        };
        $.divselect("#divselect", "#inputselect");
    });
</script>
<script type="text/javascript">
    $(window).load(function () {
        $(".loading").addClass("loader-chanage")
        $(".loading").fadeOut(300)
    });
    $(function () {
        jQuery.divselectx = function (divselectxid, inputselectxid) {
            var inputselectx = $(inputselectxid);
            $(divselectxid + " small").click(function () {
                $("#divselectx ul").toggle();
                $(".mask").show();
            });
            $(divselectxid + " ul li a").click(function () {
                var txt = $(this).text();
                $(divselectxid + " small").html(txt);
                var value = $(this).attr("selectidx");
                inputselectx.val(value);
                $(divselectxid + " ul").hide();
                $(".mask").hide();
                $("#divselectx small").css("color", "#333")
            });
        };
        $.divselectx("#divselectx", "#inputselectx");
    });
</script>

</body>
</html>
